import ProLayout, {
  PageContainer,
  SettingDrawer,
} from '@ant-design/pro-layout';
import {
  Button,
  Descriptions,
  Result,
  Avatar,
  Space,
  Statistic,
  Modal,
  Form,
  Input,
  Select,
  DatePicker,
  Tabs,
  Card,
  Tree,
  Timeline,
} from 'antd';
import ProTable, { EditableProTable } from '@ant-design/pro-table';
import ProCard from '@ant-design/pro-card';
import { useEffect, useRef, useState } from 'react';
import { PlusOutlined } from '@ant-design/icons';
import styles from './index.less';
import dataList from './data.json';
import { useSet } from 'ahooks';
const { Option } = Select;
import moment from 'moment';
import { Heatmap } from '@ant-design/charts';
import { useRequest, Link, history } from 'umi';
import {
  ModalForm,
  ProForm,
  ProFormDateRangePicker,
  ProFormSelect,
  ProFormText,
} from '@ant-design/pro-components';

interface ActionType {
  reload: (resetPageIndex?: boolean) => void;
  reloadAndRest: () => void;
  reset: () => void;
  clearSelected?: () => void;
  startEditable: (rowKey: any) => boolean;
  cancelEditable: (rowKey: any) => boolean;
}

const UserManagement = () => {
  const [isAddVisible, setIsAddVisible] = useState(false); //添加团队表单弹窗可见状态
  const [isEditVisible, setEditVisible] = useState(false); //编辑用户
  const [tableData, setTableData] = useState([]); //表格数据

  const [directionList, setDirectionList] = useState([]); //方向列表
  const [userList, setUserList] = useState([]); //姓名列表
  const [collegeList, setCollegeList] = useState([]); //学院列表
  const [teamList, setTeamList] = useState([]); //团队列表

  const [addForm] = Form.useForm(); //添加用户表单
  const [editForm] = Form.useForm(); //编辑用户表单
  const ref = useRef<ActionType>();

  const [selectedTreeNode, setSelectedTreeNode] = useState<any>([]);

  //全部团队~~~~~~~~~~~~~~~~~~~~~~~
  const getAllTeam = useRequest(
    (data) => {
      return {
        url: 'http://10.1.40.84:9993/team/getAllTeam',
        method: 'POST',
        headers: {
          Authorization: localStorage.getItem('token') || '',
        },
        data,
      };
    },
    {
      manual: true,
    },
  );
  //总查询~~~~~~~~~~~~~
  const userSearch = useRequest(
    (data) => {
      return {
        url: 'http://10.1.40.84:9993/user/userSearch',
        method: 'POST',
        headers: {
          Authorization: localStorage.getItem('token') || '',
        },
        data,
      };
    },
    {
      manual: true,
    },
  );
  //全部方向~~~~~~~~~~~~~~~~~~~~~~~~
  const getAllDirection = useRequest(
    (data) => {
      return {
        url: 'http://10.1.40.84:9993/direction/getAllDirection',
        method: 'POST',
        headers: {
          Authorization: localStorage.getItem('token') || '',
        },
        data,
      };
    },
    {
      manual: true,
    },
  );
  //全部用户~~~~~~~~~~~~~~~~~
  const getAllUser = useRequest(
    (data) => {
      return {
        url: 'http://10.1.40.84:9993/user/getAll',
        method: 'POST',
        headers: {
          Authorization: localStorage.getItem('token') || '',
        },
        data,
      };
    },
    {
      manual: true,
    },
  );
  //全部学院~~~~~~~~~~~~~~~~~~~
  const getAllCollege = useRequest(
    (data) => {
      return {
        url: 'http://10.1.40.84:9993/user/getAllCollege',
        method: 'POST',
        headers: {
          Authorization: localStorage.getItem('token') || '',
        },
        data,
      };
    },
    {
      manual: true,
    },
  );

  //添加用户~~~~~~~~~~~~~~~~
  const addUser = useRequest(
    (data) => {
      return {
        url: 'http://10.1.40.84:9993/user/add',
        method: 'POST',
        headers: {
          Authorization: localStorage.getItem('token') || '',
        },
        data,
      };
    },
    {
      manual: true,
    },
  );
  //修改记录~~~~~~~~~~~~~
  const changeUser = useRequest(
    (data) => {
      return {
        url: 'http://10.1.40.84:9993/user/change',
        method: 'POST',
        headers: {
          Authorization: localStorage.getItem('token') || '',
        },
        data,
      };
    },
    {
      manual: true,
    },
  );
  //通过方向查找团队~~~~~~~~~~~~~~~~~~
  const getTeamByDirection = useRequest(
    (data) => {
      return {
        url: 'http://10.1.40.84:9993/team/getTeamByDirection',
        method: 'POST',
        headers: {
          Authorization: localStorage.getItem('token') || '',
        },
        data,
      };
    },
    {
      manual: true,
    },
  );
  const columns: any = [
    {
      title: 'ID',
      dataIndex: 'id',
      key: 'id',
      align: 'center',
      hideInSearch: true,
      className: styles.columns,
    },
    {
      title: '用户名',
      dataIndex: 'account',
      key: 'account',
      align: 'center',
      className: styles.columns,
    },
    {
      title: '所在学院',
      dataIndex: 'collegeName',
      key: 'collegeName',
      align: 'center',
      className: styles.columns,
      renderFormItem: () => {
        return (
          <Select>
            {collegeList.length
              ? collegeList.map((element: any, index: any) => (
                  <Option value={element.id} key={index}>
                    {element.name}
                  </Option>
                ))
              : ''}
          </Select>
        );
      },
    },
    {
      title: '方向',
      dataIndex: 'directionName',
      key: 'directionName',
      align: 'center',
      className: styles.columns,
      renderFormItem: () => {
        return (
          <Select
            onChange={(value) => {
              getTeamByDirection
                .run({ directionId: value })
                .then((data) => setTeamList(data));
            }}
          >
            {directionList.length
              ? directionList.map((element: any, index: any) => (
                  <Option value={element.id} key={index}>
                    {element.directionName}
                  </Option>
                ))
              : ''}
          </Select>
        );
      },
    },
    {
      title: '团队',
      dataIndex: 'teamName',
      key: 'teamName',
      align: 'center',
      className: styles.columns,
      renderFormItem: () => {
        return (
          <Select>
            {teamList.length
              ? teamList.map((element: any, index: any) => (
                  <Option value={element.id} key={index}>
                    {element.teamName}
                  </Option>
                ))
              : ''}
          </Select>
        );
      },
    },
    {
      title: '出生日期',
      dataIndex: 'birthday',
      key: 'birthday',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
      render: (text: any) => {
        if (text !== '-') {
          return <span>{moment(text).format('YYYY-MM-DD')}</span>;
        } else {
          return '-';
        }
      },
    },
    {
      title: '职称',
      dataIndex: 'jobTitle',
      key: 'jobTitle',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '最高学历',
      dataIndex: 'topDegree',
      key: 'topDegree',
      align: 'center',
      hideInSearch: true,
      className: styles.columns,
    },
    {
      title: '最高学历单位',
      dataIndex: 'topDegreeUnit',
      key: 'topDegreeUnit',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '移动电话',
      dataIndex: 'phoneNum',
      key: 'phoneNum',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '邮箱',
      dataIndex: 'email',
      key: 'email',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '操作',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
      render: (text: any, record: any) => {
        return (
          <Space>
            <Button
              type="link"
              className={styles.columns}
              onClick={() => showEditModal(record)}
            >
              编辑
            </Button>
          </Space>
        );
      },
    },
  ];

  useEffect(() => {
    getAllUser.run(null).then((data) => {
      setTableData(data);
    });
    getAllDirection.run(null).then((data) => {
      setDirectionList(data);
    });
    getAllCollege.run(null).then((data) => {
      setCollegeList(data);
    });
    getAllTeam.run(null).then((data) => {
      setTeamList(data);
    });
  }, []);

  //添加记录
  const showAddModal = () => {
    setIsAddVisible(true);
  };
  const handleAddOk = () => {
    setIsAddVisible(false);
    console.log(addForm);
    addForm.validateFields().then((value: any) => {
      console.log(value);
      addUser.run(value).then(() => {
        getAllUser.run(null).then((data) => {
          setTableData(data);
        });
      });
    });
  };
  const handleAddCancel = () => {
    setIsAddVisible(false);
  };

  //编辑记录
  const showEditModal = (record: any) => {
    editForm.resetFields();
    console.log(record);

    let recordTemp: any = JSON.parse(JSON.stringify(record));
    if ('birthday' in recordTemp && recordTemp.birthday !== null) {
      recordTemp.birthday = moment(record.birthday);
    } else {
      editForm.setFieldsValue({
        birthday: undefined,
      });
    }
    console.log(recordTemp);

    editForm.setFieldsValue(recordTemp);
    setEditVisible(true);
  };
  const handleEditOk = () => {
    setEditVisible(false);
    editForm.validateFields().then((value: any) => {
      console.log(value);
      if (
        value.birthday &&
        value.birthday !== 'Invalid date' &&
        value.birthday !== null
      ) {
        value.birthday = moment(value.birthday).format('YYYY-MM-DD');
      } else {
        value.birthday = '2022-04-04';
      }
      changeUser.run(value).then(() => {
        getAllUser.run(null).then((data) => {
          setTableData(data);
        });
        ref.current?.reload();
      });
    });
  };
  const handleEditCancel = () => {
    setEditVisible(false);
  };

  useEffect(() => {
    getAllTeam.run({}).then((result) => {
      setTableData(result);
    });
  }, []);

  //修改后
  const columnsChanged: any = [
    {
      title: '年度',
      dataIndex: 'ND',
      key: 'ND',
      align: 'center',
      fixed: 'left',
      className: styles.columns,
    },
    {
      title: '姓名',
      dataIndex: 'XM',
      key: 'XM',
      align: 'center',
      className: styles.columns,
      fixed: 'left',
    },
    {
      title: '证件号码',
      dataIndex: 'ZJHM',
      key: 'ZJHM',
      align: 'center',
      hideInSearch: true,
      className: styles.columns,
    },
    {
      title: '团队',
      dataIndex: 'teamName',
      key: 'teamName',
      align: 'center',
      className: styles.columns,
    },
    {
      title: '性别',
      dataIndex: 'XB',
      key: 'XB',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '出生日期',
      dataIndex: 'CSRQ',
      key: 'CSRQ',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '研究方向',
      dataIndex: 'YJFX',
      key: 'YJFX',
      align: 'center',
      className: styles.columns,
    },
    {
      title: '实验室职务',
      dataIndex: 'SYSZW',
      key: 'SYSZW',
      align: 'center',
      hideInSearch: true,
      className: styles.columns,
    },
    {
      title: '专业技术职务等级',
      dataIndex: 'ZYJSZWDJ',
      key: 'ZYJSZWDJ',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '专业技术职务名称',
      dataIndex: 'ZYJSZWMC',
      key: 'ZYJSZWMC',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '工作性质',
      dataIndex: 'GZXZ',
      key: 'GZXZ',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '最高学位',
      dataIndex: 'ZGXW',
      key: 'ZGXW',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '学位获得时间',
      dataIndex: 'XWHDSJ',
      key: 'XWHDSJ',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '学位授予单位',
      dataIndex: 'XWSYDW',
      key: 'XWSYDW',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '进入实验室时间',
      dataIndex: 'LKSYSSJ',
      key: 'LKSYSSJ',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '离开实验室时间',
      dataIndex: 'GZXZ',
      key: 'GZXZ',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '证件类型',
      dataIndex: 'ZJLX',
      key: 'ZJLX',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '国籍（国别）',
      dataIndex: 'GJGB',
      key: 'GJGB',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '国籍（国家）',
      dataIndex: 'GJGJ',
      key: 'GJGJ',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '最高学历',
      dataIndex: 'ZGXL',
      key: 'ZGXL',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '学位授予专业',
      dataIndex: 'XWSYZY',
      key: 'XWSYZY',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '政治面貌',
      dataIndex: 'ZZMM',
      key: 'ZZMM',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '民族',
      dataIndex: 'MZ',
      key: 'MZ',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '电话',
      dataIndex: 'DH',
      key: 'DH',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '传真',
      dataIndex: 'CZ',
      key: 'CZ',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '手机号',
      dataIndex: 'SJH',
      key: 'SJH',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '电子邮箱',
      dataIndex: 'DZYX',
      key: 'DZYX',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
    },
    {
      title: '操作',
      align: 'center',
      className: styles.columns,
      hideInSearch: true,
      fixed: 'right',
      render: (text: any, record: any) => [
        <Link to={'/SystemManage/UserManagement/UserDetail/' + record.XM}>
          查看
        </Link>,
      ],
    },
  ];

  const config: any = {
    height: 300,
    width: '100%',
    data: dataList.table,
    xField: 'XM',
    yField: 'ND',
    colorField: 'XM',
    color: ['#174c83'],
  };

  return (
    <PageContainer>
      <ProTable
        rowKey={'XM' + 'ND'}
        columns={columnsChanged}
        headerTitle={'用户列表'}
        dataSource={dataList.table}
        scroll={{ x: 'calc(2500px + 50%)' }}
        toolBarRender={() => [
          <Button icon={<PlusOutlined />} type="primary" onClick={() => {}}>
            添加用户
          </Button>,
        ]}
        pagination={{ pageSize: 5 }}
      />

      <ProCard
        style={{ marginTop: 12 }}
        title={'用户变化'}
        bordered
        headerBordered
      >
        <Heatmap {...config} />
      </ProCard>
      {/* <ProCard
          style={{ marginTop: 12 }}
          title={'用户信息变化'}
          split={'vertical'}
          bordered
          headerBordered
        >
          <ProCard title="信息选择" colSpan="15%">
            <Tree
              checkable
              treeData={dataList.tree}
              showLine={true}
              onCheck={(
                checkedKeys,
                { checked: bool, checkedNodes, node, event, halfCheckedKeys },
              ) => {
                console.log(checkedNodes);
                console.log(halfCheckedKeys);
                setSelectedTreeNode(checkedNodes);
              }}
              // onSelect={
              // 	(
              // 		selectedKeys,
              // 		{ selected: bool, selectedNodes, node, event }
              // 	) => {
              // 		console.log(selectedKeys);
              // 		console.log(selectedNodes);
              // 		console.log(node);
              // 		setSelectedTreeNode(selectedNodes)
              // 	}
              // }
            />
          </ProCard>
          <ProCard title="信息变化" split="vertical" bordered headerBordered>
            {selectedTreeNode
              ? selectedTreeNode.map((s: any) =>
                  s.value ? (
                    <ProCard
                      title={s.title}
                      key={s.key}
                      bordered
                      style={{ height: '100%' }}
                    >
                      <Timeline mode="left">
                        {s.value.map((e: any) => (
                          <Timeline.Item color={e.flag ? 'red' : 'blue'}>
                            {e.ND + ' ' + e.value}
                          </Timeline.Item>
                        ))}
                      </Timeline>
                    </ProCard>
                  ) : (
                    ''
                  ),
                )
              : ''}
          </ProCard>
        </ProCard> */}

      {/* <ProTable
                  actionRef={ref}
                  columns={columns}
                  headerTitle={'用户列表'}
                  rowKey="id"
                  // dataSource={tableData}
                  pagination={{ pageSize: 10 }}
                  request={async (param, sort, filter) => {
                      var temp: any = []
                      await userSearch.run({
                          account: param.account,
                          college: param.collegeName,
                          directionId: param.directionName,
                          teamId: param.teamName,
                      }).then((data) => {
                          temp = JSON.parse(JSON.stringify(data));
                      })
                      return { data: temp, success: true }
                  }}
                  search={{
                      collapseRender: false,
                      span: 8,
                      collapsed: false,
                  }}
                  onReset={() => {
                      getAllUser.run(null).then((data) => {
                          setTableData(data);
                      });
                      getAllDirection.run(null).then((data) => {
                          setDirectionList(data);
                      });
                      getAllCollege.run(null).then((data) => {
                          setCollegeList(data);
                      });
                      getAllTeam.run(null).then((data) => {
                          setTeamList(data);
                      });
                  }}
                  // onSubmit={(e) => {
                  // 	var param: any = {};
                  // 	param.account = e.account;
                  // 	param.college = e.collegeName;
                  // 	param.directionId = e.directionName;
                  // 	param.teamId = e.teamName;
                  // 	userSearch.run(param).then((result) => {
                  // 		setTableData(result);
                  // 	});
                  // }}
                  toolBarRender={() => [
                      <Button icon={<PlusOutlined />} type="primary" onClick={showAddModal}>
                          {'添加用户'}
                      </Button>,
                  ]}
              />
              <Modal
                  title="添加用户"
                  visible={isAddVisible}
                  onOk={handleAddOk}
                  onCancel={handleAddCancel}
                  cancelText={'取消'}
                  okText={'确定'}
                  forceRender
              >
                  <Form
                      form={addForm}
                      layout={'horizontal'}
                      labelCol={{ span: 6 }}
                      wrapperCol={{ span: 15 }}
                  >
                      <Form.Item
                          label="登录名"
                          name={'account'}
                          rules={[{ required: true, message: '请输入登录名' }]}
                      >
                          <Input placeholder="请输入用户名" allowClear />
                      </Form.Item>
                      {/* <Form.Item
                          label="密码"
                          name={'password'}
                          rules={[{ required: true, message: '请输入密码' }]}
                          hidden
                      >
                          <Input.Password placeholder="请输入密码" allowClear />
                      </Form.Item> */}
      {/* <Form.Item label="昵称" name={"usename"} rules={[{ required: true, message: '请输入昵称' }]}>
                          <Input placeholder="请输入昵称" allowClear />
                      </Form.Item>
                      <Form.Item label="学院" name={"xueyuan"} rules={[{ required: true, message: '请输入学院' }]}>
                          <Input placeholder="请输入学院" allowClear />
                      </Form.Item>
                      <Form.Item label="方向" name={"fangxiang"} rules={[{ required: true, message: '请输入方向' }]}>
                          <Input placeholder="请输入方向" allowClear />
                      </Form.Item>
                      <Form.Item label="团队" name={"tuandui"} rules={[{ required: true, message: '请输入团队' }]}>
                          <Input placeholder="请输入团队" allowClear />
                      </Form.Item>
  
                      <Form.Item label="移动电话" name={"yidongdianhua"} rules={[{ required: true, message: '请输入移动电话' }]}>
                          <Input placeholder="请输入移动电话" allowClear />
                      </Form.Item>
                      <Form.Item label="邮箱" name={"youxiang"} rules={[{ required: true, message: '请输入邮箱' }]}>
                          <Input placeholder="请输入邮箱" allowClear />
                      </Form.Item>
                      <Form.Item label="办公电话" name={"bangongdianhua"} rules={[{ required: true, message: '请输入办公电话' }]}>
                          <Input placeholder="请输入办公电话" allowClear />
                      </Form.Item>
                      <Form.Item label="生日" name={"shengri"} rules={[{ required: true, message: '请输入生日' }]}>
                          <Input placeholder="请输入生日" allowClear />
                      </Form.Item>
                      <Form.Item label="人员类别" name={"people"} rules={[{ required: true, message: '请输入人员类别' }]}>
                          <Input placeholder="请输入人员类别" allowClear />
                      </Form.Item>
                      <Form.Item label="职称" name={"zhicheng"} rules={[{ required: true, message: '请输入职称' }]}>
                          <Input placeholder="请输入职称" allowClear />
                      </Form.Item>
                      <Form.Item label="最高学历" name={"xueli"} rules={[{ required: true, message: '请输入最高学历' }]}>
                          <Input placeholder="请输入最高学历" allowClear />
                      </Form.Item>
                      <Form.Item label="最高学历单位" name={"danwei"} rules={[{ required: true, message: '请输入最高学历单位' }]}>
                          <Input placeholder="请输入最高学历单位" allowClear />
                      </Form.Item> */}
      {/* </Form>
              </Modal>
              <Modal
                  title="编辑团队"
                  visible={isEditVisible}
                  onOk={handleEditOk}
                  onCancel={handleEditCancel}
                  cancelText={'取消'}
                  okText={'确定'}
              >
                  <Form
                      form={editForm}
                      layout={'horizontal'}
                      labelCol={{ span: 6 }}
                      wrapperCol={{ span: 15 }}
                  >
                      <Form.Item
                          name={'id'}
                          rules={[{ required: true, message: '请输入id' }]}
                          hidden
                      >
                          <Input placeholder="请输入id" allowClear />
                      </Form.Item>
  
                      <Form.Item
                          label="方向"
                          name={'directionId'}
                      // rules={[{ required: true, message: '请输入方向' }]}
                      >
                          <Select
                              onChange={(value) => {
                                  getTeamByDirection
                                      .run({ directionId: value })
                                      .then((data) => setTeamList(data));
                              }}
                          >
                              {directionList.length
                                  ? directionList.map((element: any, index: any) => {
                                      return (
                                          <Option value={element.id} key={index}>
                                              {element.directionName}
                                          </Option>
                                      );
                                  })
                                  : ''}
                          </Select>
                      </Form.Item>
                      <Form.Item label="团队" name={'teamId'}>
                          <Select>
                              {teamList.length
                                  ? teamList.map((element: any, index: any) => {
                                      return (
                                          <Option value={element.id} key={index}>
                                              {element.teamName}
                                          </Option>
                                      );
                                  })
                                  : ''}
                          </Select>
                      </Form.Item>
                      <Form.Item
                          label="姓名"
                          name={'account'}
                          rules={[{ required: true, message: '请输入登录名' }]}
                      >
                          <Input placeholder="请输入用户名" allowClear disabled />
                      </Form.Item>
                      <Form.Item
                          label="密码"
                          name={'password'}
                      // rules={[{ required: true, message: '请输入密码' }]}
                      >
                          <Input.Password placeholder="请输入密码" allowClear />
                      </Form.Item>
  
                      <Form.Item label="所在学院" name={'college'}>
                          <Select allowClear>
                              {collegeList.length
                                  ? collegeList.map((element: any, index: any) => {
                                      return (
                                          <Option value={element.id} key={index}>
                                              {element.name}
                                          </Option>
                                      );
                                  })
                                  : ''}
                          </Select>
                      </Form.Item>
                      <Form.Item
                          label="出生日期"
                          name={'birthday'}
                      // rules={[{ required: true, message: '请输入生日' }]}
                      >
                          <DatePicker />
                      </Form.Item>
  
                      <Form.Item label="职称" name={'jobTitle'}>
                          <Input placeholder="请输入职称" allowClear />
                      </Form.Item>
                      <Form.Item label="最高学历" name={'topDegree'}>
                          <Input placeholder="请输入最高学历" allowClear />
                      </Form.Item>
                      <Form.Item label="最高学历单位" name={'topDegreeUnit'}>
                          <Input placeholder="请输入最高学历单位" allowClear />
                      </Form.Item>
                      <Form.Item label="移动电话" name={'phoneNum'}>
                          <Input placeholder="请输入移动电话" allowClear />
                      </Form.Item>
                      <Form.Item label="邮箱" name={'email'}>
                          <Input placeholder="请输入邮箱" allowClear />
                      </Form.Item>
                  </Form>
              </Modal> */}
    </PageContainer>
  );
};

export default UserManagement;
